@import './variables.scss';
@import './mixin.scss';
@import './transition.scss';
@import './btn.scss';
@import './UIStyle.scss';

body {
  height: 100%;
  background: #f7f7f7;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  -webkit-user-select: text;
  text-rendering: optimizeLegibility;
  //font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Arial, sans-serif;
  // font-family: sans-serif, "Helvetica Neue", Helvetica, STHeiTi, PingFang;
  //注：领导要求字体
  //font-family:Avenir,"PingFang SC",Arial,Helvetica,"STHeiti STXihei","Microsoft YaHei",Tohoma,sans-serif;
  &.bg_white{
    background: #ffffff;
    .main-container{
      background: #fff;
    }
  }
  margin: 0;
}

label {
  font-weight: 700;
}

input,
textarea {
  outline:0;
  border:0;
  -webkit-appearance: none;
  -moz-appearance:none;
  appearance: none;
  line-height:normal;
}
textarea{
  overflow:auto;
}
// input::-webkit-input-placeholder{
//   line-height: normal;  //解决不垂直居中的问题
// }
input::-webkit-input-placeholder{
  line-height: normal;
}
input::-moz-placeholder{
  line-height: normal;
}
input::-ms-input-placeholder{
  line-height: normal;
}
select, picker{
  /*去除外边框*/
  border: none;
  /*适应safari浏览器内容不跑偏*/
  line-height: 1;
  width: 100%;
  /*将默认的select选择框样式清除*/
  appearance:none;
  -moz-appearance:none;
  -webkit-appearance:none;
  /*在选择框的最右侧中间显示小箭头图片*/
  background: url("https://img.wifenxiao.com/h5-wfx/images/btn_pulldown.png") right center/25px 10px no-repeat ;
  /*为下拉小箭头留出一点位置，避免被文字覆盖*/
  padding-right: 30px;
  /*去除选中时样式*/
  outline: none;
  /*去除点击一闪而过的灰色背景*/
  -webkit-tap-highlight-color:rgba(0,0,0,0);
}

html {
  height: 100%;
  box-sizing: border-box;
}
html,body{
  line-height:1;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: normal;
}

#app {
  height: 100%;
  max-width: 750px;
  margin: 0 auto;
}
@include placeColor(#999);

*,
*:before,
*:after {
  box-sizing: inherit;
}

.no-padding {
  padding: 0px !important;
}


a:focus,
a:active {
  outline: none;
}

a,
a:focus,
a:hover {
  cursor: pointer;
  color: inherit;
  text-decoration: none;
}

div:focus {
  outline: none;
}

.fr {
  float: right;
}

.fl {
  float: left;
}

.block {
  display: block;
}

.pointer {
  cursor: pointer;
}

.clearfix {
  &:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
  }
}

.noData {
  font-size: 24px;
  color: #666;
  text-align: center;
  padding-top: 20%;

  .icon {
    img {
      width: 400px;
    }
  }

  .txt {
    margin-top: 50px;
  }
}

i,
b,
s,
del,
em {
  display:inline;
  font-weight: normal;
  font-style: normal;
}

.price-scale{
  font-size: 24px;
  font-family: Alibaba-PuHuiTi;
  color: $newMain;
  display: inline-block;
  font-weight: 500;
  .unit{
    font-weight:bold;
  }
  .num-font{
    font-weight: 400;
    font-size: 32px;
  }
  &.large{
    .num-font{
      font-size: 36px;
    }
  }
}

.fontZiy{
  @include alignTop;
  font-size: 20px;
  line-height: 24px;
  padding: 5px 12px;
  background: #ddd;
  border-radius: 24px;
  color:#fff;
  @include gradient(right,#FF2A40,#FE3C70);
}

.fulltext{
  line-height:1.5;
  word-break: break-all;
  img{
    max-width: 100%;
  }
  p{
    // font-size: 34px;
    // color: #333;
    // line-height: 56px;
  }
  .mgrade_mid {
    width: 100%;
    padding: 28px 0;
    border-bottom: #dfdfdf solid 2px;
    section {
      &:nth-child(1) {
        width: 118px;
        height: 118px;
        overflow: hidden;
        border-radius: 8px;
        border: #cfa97c solid 2px;
        margin-left: 20px;
      }
      &:nth-child(2) {
        // height: 118px;
        overflow: hidden;
        margin-left: 20px;
        p {
          height: 36px;
          line-height: 36px;
          overflow: hidden;
        }
      }
    }
    img {
      max-width: 100%;
      height: auto;
    }
  }
  .g-box {
    display: -webkit-flex;
    display: flex;
  }
  .g-flex {
    -webkit-flex: 1;
    flex: 1;
  }
  .mgrade_bot {
    margin: 10px;
    overflow: hidden;
  }
}

@font-face {
  font-family: Gilroy-Regular;
  src: url("https://img.wifenxiao.com/h5-wfx/font/Gilroy-Regular.otf");
}

// @font-face {
//   font-family: PingFang;
//   src: url("~@/assets/font/PINGFANG MEDIUM_4.TTF");
// }

@font-face {
   font-family: Alibaba-PuHuiTi;
   src: url("https://img.wifenxiao.com/h5-wfx/font/Alibaba-PuHuiTi-Medium-1.ttf");
 }

.fontGilroy {
  font-family: Gilroy-Regular;
}

// .fontPF {
//   font-family: PingFang;
// }

.fontAliBaba {
  font-family: Alibaba-PuHuiTi;
}

@for $i from 1 through 50 {
  .mg#{$i * 5} {
    margin: #{$i * 5}px;
  }
  .mglr#{$i * 5} {
    margin: 0 #{$i * 5}px;
  }
  .mgt#{$i * 5} {
    margin-top: #{$i * 5}px;
  }
  .mgr#{$i * 5} {
    margin-right: #{$i * 5}px;
  }
  .mgb#{$i * 5} {
    margin-bottom: #{$i * 5}px;
  }
  .mgl#{$i * 5} {
    margin-left: #{$i * 5}px;
  }
}
@for $i from 1 through 50 {
  .pd#{$i * 5} {
    padding:#{$i * 5}px;
  }
  .pdlr#{$i * 5} {
    padding:0 #{$i * 5}px;
  }
  .pdt#{$i * 5} {
    padding-top: #{$i * 5}px;
  }
  .pdr#{$i * 5} {
    padding-right: #{$i * 5}px;
  }
  .pdbx#{$i * 5} {
    padding-bottom: #{$i * 5}px;
  }
  .pdl#{$i * 5} {
    padding-left: #{$i * 5}px;
  }
}


@mixin colorFont($color) {
  color: $color;
}

.color {

  &Red {
    @include colorFont($red)
  }

  &MainColor {
    @include colorFont($mainColor)
  }

  &Danger {
    @include colorFont($danger)
  }

  &Disabled {
    @include colorFont($disabled)
  }

  &Default {
    @include colorFont($default)
  }

  &Warning {
    @include colorFont($warning)
  }
}

.miniprogram-root {
  font-size:24px;
  background-color: #f7f7f7;
  box-sizing: border-box;
  image {
    width: initial;
    height: 100%;
  }
  .h5-p,.h5-h1,.h5-h2,.h5-h3,.h5-h4,.h5-h5,.h5-h6,.h5-dd,.h5-dt {
    margin: 0;
  }
  .h5-br {
    display: block;
  }
  .h5-iframe{
    border: none;
  }
  .van-dialog__header {
    font-size: 30rpx;
  }
  // .van-checkbox {
  //   height: 32rpx;
  // }
  .van-picker__toolbar {
    line-height: 44px;
  }
  // TODO 右箭头svg修改成css
  i {
    &.icon-right{
      display: inline-block;
      border: solid #666;
      border-width: 0 3px 3px 0;
      padding: 6px;
      transform: rotate(-45deg);
      -webkit-transform: rotate(-45deg);
    }
  }
  .wx-swiper{
    .img{
      width: 100%;
      height: 100%;
    }
  }
}